import { View } from '@tarojs/components';
import VideoCard from '../video/VideoCard';

export default () => {
  const videoCards = Array.from({ length: 10 }, (_, index) => index);

  return (
    <View className="flex gap-2 justify-between ">
      <View className="flex flex-col gap-6 flex-1 flex-shrink-0">
        <VideoCard height={140}></VideoCard>
        {videoCards
          .filter((_, index) => index !== 0 && index % 2 !== 0)
          .map((el, i) => {
            return <VideoCard key={i}></VideoCard>;
          })}
      </View>
      <View className="flex flex-col gap-6 flex-1 flex-shrink-0">
        {videoCards
          .filter((_, index) => index % 2 === 0)
          .map((el, i) => (
            <VideoCard key={i} />
          ))}
      </View>
    </View>
  );
};
